<div class="create-alarm-main-hook main-hook">
        <div class="create-alarm-wrapper create-alarm-hook">
           <!-- <div style="display: inline-block;border-right: solid 1px #D3D7DA;width: 20%;">
                <ul class="ztree permission_tree" id="alarm_tree" style="float:left;width:100%;margin-top: 0px;"></ul>
            </div>-->
            <div class="distribution_tree ztree"  style="width:20%;position:relative;height:670px;overflow: auto;padding-bottom: 0;margin-top: 10px;">
                <div id="alarm_tree" style="height:420px;overflow:auto;"></div>
            </div>
            <div style="display: inline-block;width: 77%;vertical-align: top">
                <div class="title" style="display: inline-block;width: 100%;vertical-align: top">
                    当前位置：<span class="active">告警管理</span>
                </div>
                <div style="float: left;margin: 0px 10px 30px 0;overflow: hidden;vertical-align: top;width: 95%">
                    <div class="detail-header">
                        <h3 class="choice">新建人工告警</h3>
                    </div>
                    <ul class="detail_contain">
                        <li>
                            <ol class="detail_list" style="border-top: 0px">
                                <li>
                                    <p>
                                        <span>灯杆编号：</span>
                                        <input type="text"   class="input_xs chart address" name="palletTypesNum" @keyup.enter="searchForm()">
                                    </p>
                                    <p>
                                        <span>单灯名称：</span>
                                        <input type="text"   readonly class="input_xs readonly total-amount chart" name="palletTypesNum" >
                                    </p>
                                    <p>
                                        <span>&nbsp;&nbsp;&nbsp;&nbsp;设备ID：</span>
                                        <input type="text"  readonly class="input_xs readonly company-name chart" name="palletTypesNum">
                                    </p>
                                </li>
                                <li>
                                    <p>
                                        <span>&nbsp;&nbsp;&nbsp;&nbsp;单灯ID：</span>
                                        <input type="text"  readonly class="input_xs readonly chart" name="palletTypesNum" >
                                    </p>
                                    <p>
                                        <span>&nbsp;&nbsp;&nbsp;&nbsp;维护人：</span>
                                        <input type="text"   readonly class="input_xs readonly chart" name="palletTypesNum">
                                    </p>
                                    <p>
                                        <span>故障类型：</span>
                                        <select class="form-select w120"  name="paymentFlag">
                                            <option v-for="(type,index) in paymentFlag" :value="type.id" v-text="type.name"></option>
                                        </select>
                                    </p>
                                </li>
                                <li>
                                    <p>
                                        <span>灯杆序号：</span>
                                        <select class="form-select w120"  name="Number">
                                            <option v-for="(type,index) in Number" :value="type.id" v-text="type.name"></option>
                                        </select>
                                    </p>
                                </li>
                                <li>
                                    <p style="width: 100%">
                                        <span>描述信息：</span>
                                        <textarea  class="form_control" name="remark" maxlength="500" placeholder="请输入描述信息，最大500字"></textarea>
                                    </p>
                                </li>
                            </ol>
                        </li>
                        <div style="margin-bottom: 50px" id="edit_submit" class="noprint form-center">
                            <button class="default_btn"  @click.stop="noEdit">取消</button>
                            <button class="primary_btn"  @click.stop="saveEdit">确认</button>
                        </div>
                    </ul>
                </div>
            </div>

        </div>
</div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=gAcDsfWUz7Wx0XzjGGfmVIWA6h2hhnCk"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
<script type="text/javascript" src="js/back/alarm/create-alarm.js" custom></script>